﻿<!DOCTYPE html>
<html>
  <head>
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/首页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/首页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (手机框架) -->

      <!-- Unnamed (Image) -->
      <div id="u146" class="ax_default image">
        <img id="u146_img" class="img " src="images/引导用户使用页/u27.jpg"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u147" class="ax_default box_2">
        <div id="u147_div" class=""></div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u148" class="ax_default image">
        <img id="u148_img" class="img " src="images/首页/u148.jpg"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u149" class="ax_default" data-left="259" data-top="186" data-width="173" data-height="141">

        <!-- Unnamed (Rectangle) -->
        <div id="u150" class="ax_default heading_1">
          <div id="u150_div" class=""></div>
          <div id="u150_text" class="text ">
            <p><span>二哈</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u151" class="ax_default heading_2">
          <div id="u151_div" class=""></div>
          <div id="u151_text" class="text ">
            <p><span>一周岁</span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u152" class="ax_default icon">
          <img id="u152_img" class="img " src="images/首页/u152.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u153" class="ax_default heading_2">
          <div id="u153_div" class=""></div>
          <div id="u153_text" class="text ">
            <p><span>每天吃20克狗粮</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u154" class="ax_default heading_2">
          <div id="u154_div" class=""></div>
          <div id="u154_text" class="text ">
            <p><span>20kg</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u155" class="ax_default" data-left="43" data-top="420" data-width="132" data-height="32">

        <!-- Unnamed (Rectangle) -->
        <div id="u156" class="ax_default box_1">
          <div id="u156_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u157" class="ax_default box_1">
          <div id="u157_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u158" class="ax_default primary_button">
        <div id="u158_div" class=""></div>
        <div id="u158_text" class="text ">
          <p><span>洗澡</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u159" class="ax_default" data-left="43" data-top="578" data-width="132" data-height="32">

        <!-- Unnamed (Rectangle) -->
        <div id="u160" class="ax_default box_1">
          <div id="u160_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u161" class="ax_default box_1">
          <div id="u161_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u162" class="ax_default primary_button">
        <div id="u162_div" class=""></div>
        <div id="u162_text" class="text ">
          <p><span>脚部</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u163" class="ax_default" data-left="43" data-top="497" data-width="132" data-height="32">

        <!-- Unnamed (Rectangle) -->
        <div id="u164" class="ax_default box_1">
          <div id="u164_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u165" class="ax_default box_1">
          <div id="u165_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u166" class="ax_default primary_button">
        <div id="u166_div" class=""></div>
        <div id="u166_text" class="text ">
          <p><span>耳部</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u167" class="ax_default" data-left="259" data-top="416" data-width="132" data-height="32">

        <!-- Unnamed (Rectangle) -->
        <div id="u168" class="ax_default box_1">
          <div id="u168_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u169" class="ax_default box_1">
          <div id="u169_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u170" class="ax_default primary_button">
        <div id="u170_div" class=""></div>
        <div id="u170_text" class="text ">
          <p><span>理发</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u171" class="ax_default" data-left="257" data-top="572" data-width="132" data-height="32">

        <!-- Unnamed (Rectangle) -->
        <div id="u172" class="ax_default box_1">
          <div id="u172_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u173" class="ax_default box_1">
          <div id="u173_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u174" class="ax_default primary_button">
        <div id="u174_div" class=""></div>
        <div id="u174_text" class="text ">
          <p><span>肛门</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u175" class="ax_default" data-left="255" data-top="497" data-width="132" data-height="32">

        <!-- Unnamed (Rectangle) -->
        <div id="u176" class="ax_default box_1">
          <div id="u176_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u177" class="ax_default box_1">
          <div id="u177_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u178" class="ax_default primary_button">
        <div id="u178_div" class=""></div>
        <div id="u178_text" class="text ">
          <p><span>口腔</span></p>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u179" class="ax_default icon">
        <img id="u179_img" class="img " src="images/引导用户使用页/u31.png"/>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u180" class="ax_default icon">
        <img id="u180_img" class="img " src="images/引导用户使用页/u32.png"/>
      </div>

      <!-- Unnamed (Menu) -->
      <div id="u181" class="ax_default">
        <img id="u181_menu" class="img " src="images/首页/u181_menu.png" alt="u181_menu"/>

        <!-- Unnamed (Table) -->
        <div id="u182" class="ax_default">

          <!-- Unnamed (Menu Item) -->
          <div id="u183" class="ax_default menu_item">
            <img id="u183_img" class="img " src="images/首页/u183.png"/>
            <div id="u183_text" class="text ">
              <p><span>首页</span></p>
            </div>
          </div>

          <!-- Unnamed (Menu Item) -->
          <div id="u184" class="ax_default menu_item">
            <img id="u184_img" class="img " src="images/首页/u184.png"/>
            <div id="u184_text" class="text ">
              <p><span>护理技巧</span></p>
            </div>
          </div>

          <!-- Unnamed (Menu Item) -->
          <div id="u185" class="ax_default menu_item">
            <img id="u185_img" class="img " src="images/首页/u185.png"/>
            <div id="u185_text" class="text ">
              <p><span>我的</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Right Arrow) -->
      <div id="u186" class="ax_default box_1">
        <img id="u186_img" class="img " src="images/首页/u186.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u187" class="ax_default heading_2">
        <div id="u187_div" class=""></div>
        <div id="u187_text" class="text ">
          <p><span>根据当前最紧急的情况（进度条最长的情况）来显示宠物的状态。比如：洗澡的进度条满了，就要显示个发臭的形象。如果实力允许，希望能实现宠物动画。 图片右边显示宠物的性别、岁数、食量（网上有计量表）。每处点击都可以进行修改，建议使用picker或slip（滑块）</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u188" class="ax_default heading_2">
        <div id="u188_div" class=""></div>
        <div id="u188_text" class="text ">
          <p><span>首页图片要根据下方的数值，挑选关于宠物不同状态的gif动图（比如用户点击洗澡，换一张宠物洗澡的gif动图），</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u189" class="ax_default heading_2">
        <div id="u189_div" class=""></div>
        <div id="u189_text" class="text ">
          <p><span>点击进度条，弹出浮窗进行单个条目修改。点击按钮则表示用户已为宠物干了这件事，清空进度条。且更新上一次护理时间的数据。一旦定时器计算时间已到，则通过微信的“服务通知”通知用户进入小程序，点击按钮更新数据。</span></p><p><span>如果连续再按第二次按钮，则认为是用户误触，撤回上一次的操作</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u190" class="ax_default heading_2">
        <div id="u190_div" class=""></div>
        <div id="u190_text" class="text ">
          <p><span>根据上一次的时间、时间间隔、今天的时间，来计算每个进度条的长度和决定宠物的形象</span></p>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u191" class="ax_default icon">
        <img id="u191_img" class="img " src="images/首页/u191.png"/>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u192" class="ax_default icon">
        <img id="u192_img" class="img " src="images/首页/u192.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u193" class="ax_default heading_2">
        <div id="u193_div" class=""></div>
        <div id="u193_text" class="text ">
          <p><span>添加按钮则跳转至选择宠物页，减少按钮则弹出浮窗让用户选择删哪个宠物，并警告该宠物的相关数据也将被删除</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u194" class="ax_default connector">
        <img id="u194_seg0" class="img " src="images/首页/u194_seg0.png" alt="u194_seg0"/>
        <img id="u194_seg1" class="img " src="images/首页/u194_seg1.png" alt="u194_seg1"/>
        <img id="u194_seg2" class="img " src="images/首页/u194_seg2.png" alt="u194_seg2"/>
        <div id="u194_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u195" class="ax_default connector">
        <img id="u195_seg0" class="img " src="images/首页/u195_seg0.png" alt="u195_seg0"/>
        <img id="u195_seg1" class="img " src="images/首页/u195_seg1.png" alt="u195_seg1"/>
        <img id="u195_seg2" class="img " src="images/首页/u195_seg2.png" alt="u195_seg2"/>
        <div id="u195_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u196" class="ax_default connector">
        <img id="u196_seg0" class="img " src="images/首页/u196_seg0.png" alt="u196_seg0"/>
        <img id="u196_seg1" class="img " src="images/首页/u196_seg1.png" alt="u196_seg1"/>
        <img id="u196_seg2" class="img " src="images/首页/u196_seg2.png" alt="u196_seg2"/>
        <img id="u196_seg3" class="img " src="images/产品架构与说明/u108_seg0.png" alt="u196_seg3"/>
        <div id="u196_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
  </body>
</html>
